<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<title>用户注册</title>

<link rel="stylesheet" type="text/css" href="wtz/css/style.css" />
<script src="wtz/jquery/jquery-2.1.1.js"></script>
<script src="wtz/js/Particleground.js"></script>
<script src="wtz/js/register.js"></script>

<style>
body{height:100%;background:#16a085;overflow:hidden;}
canvas{z-index:-1;position:absolute;}
.checkcode input {
    border: medium none;
    color: white;
    height: 36px;
    line-height: 36px;
    outline: medium none;
    padding: 3px;
    text-indent: 0.8em;
    width: 169px;
    background: #5cbdaa none repeat scroll 0 0;
}


.checkcode canvas {
    background: #5cbdaa none repeat scroll 0 0;
    height: 36px;
    padding: 3px;
    width: 118px;
    z-index: 0;
    position: absolute;
    color: #999;
    line-height: inherit;
}
</style>

</head>
<body>
<form action="${pageContext.request.contextPath }/userManager.action?method=sendEmail"  method="post" >
<dl class="admin_login1">
 <dt>
  <strong>用户注册</strong>
  <em>User Register</em>
 </dt>
<dd></dd>
 <dd class="">
	<input type="text" id="userName" placeholder="用户名" name="userName" class="login_txtbx1"/>
 </dd>
 <dd class="">
	<input type="password" id="pwd" placeholder="密码" name="passrwod" class="login_txtbx1"/>
 </dd>
 <dd class="">
	<input type="password" id="repwd" placeholder="确认密码" name="schoolClass" class="login_txtbx1"/>
 </dd>
 <dd class="">
	<input type="text" id="email" placeholder="电子邮箱" name="email" class="login_txtbx1"/>
 </dd>
 <dd class="">
	<div class="checkcode">
    <input type="text" id="J_codetext" placeholder="验证码" maxlength="4" class="login_txtbx">
    <canvas class="J_codeimg" id="myCanvas" onclick="createCode();">对不起，您的浏览器不支持canvas，请下载最新版浏览器!</canvas>
  </div>
 </dd>



 <dd>
  <input type="button" value="提交" class="submit_btn"/>
 </dd>

</dl>
 <div class="massge">
    <div class="wapper_ex">
        <div class="rotWord1"><p>用户名仅由两位以上字母，数字，中文组成！<i></i></p></div>
    </div>

    <div class="wapper_ex">
        <div class="rotWord2"><p>密码首位为字母，且由5位以上字母，数字组成！<i></i></p></div>
    </div>

    <div class="wapper_ex">
        <div class="rotWord3"><p>两次输入的密码不一致！<i></i></p></div>
    </div>

    <div class="wapper_ex">
        <div class="rotWord4"><p>邮箱格式输入不正确！<i></i></p></div>
    </div>

    <div class="wapper_ex">
        <div class="rotWord5"><p>验证码输入不正确！<i></i></p></div>
    </div>
  </div>
</form>

</body>
</html>
